<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<div class="aui-fullpage" *ngIf="!subComponent">
  <div class="aui-header-1">
    <h1>{{'system_rbac_label' | i18n}}</h1>
  </div>
  <aui-rbac-overview-tag [title]="i18n.get('system_rbac_label')" [article]="i18n.get('system_rbac_tip_label')"></aui-rbac-overview-tag>
  <div class="aui-block aui-paginator-container" style="padding: 0;">
    <lv-tabs [(lvActiveIndex)]="tabActiveIndex" lvType="card">
      <lv-tab lvTitle="{{'common_users_label' | i18n}}" lvId="users">
        <ng-template lv-tab-lazy>
          <aui-users (openPage)="openPage($event)"></aui-users>
        </ng-template>
      </lv-tab>
      <lv-tab lvTitle="{{'common_roles_label' | i18n}}" lvId="roles" *ngIf="!isDPAdmin">
        <ng-template lv-tab-lazy>
          <aui-roles (openPage)="openPage($event)"></aui-roles>
        </ng-template>
      </lv-tab>
      <lv-tab lv-tab-lazy lvTitle="{{'common_resource_sets_label' | i18n}}" lvId="resourceSet" *ngIf="!isDPAdmin">
        <ng-template lv-tab-lazy>
          <aui-resource-set (openPage)="openPage($event)"></aui-resource-set>
        </ng-template>
      </lv-tab>
    </lv-tabs>
  </div>
</div>

<ng-template *ngComponentOutlet="subComponent; inputs: subComponentContext"></ng-template>
